<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/caiwu/cashDetail.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="zixunTop">
					<h1 class="title"><a href="#">订单收款</a>订单详情</h1>
					<ul class="tabList">
						<li class="tabCurrent" onclick="tab('tab0')" id="nav0">预约挂号订单</li>
						<li onclick="tab('tab1')" id="nav1">问诊订单</li>
					</ul>
					<button class="btnAdd">导出excel</button>
				</div>
				<div class="tableMain" id="tab0" style="display:block;">
					<table class="table table-striped">
					<thead>
						<tr>
							<th>预约姓名</th>
							<th>预约医生</th>
							<th>金额<span>(元)</span></th>
							<th>订单生成时间</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
					</tbody>
				</table>
				<ul class="pagination">
  					<li><a href="#">&laquo;</a></li>
  					<li class="active"><a href="#">1</a></li>
  					<li class="disabled"><a href="#">2</a></li>
  					<li><a href="#">3</a></li>
  					<li><a href="#">4</a></li>
  					<li><a href="#">5</a></li>
  					<li><a href="#">&raquo;</a></li>
				</ul>
				</div>
				
				<div class="tableMain" id="tab1" style="display:none;">
					<table class="table table-striped">
					<thead>
						<tr>
							<th>就诊人姓名</th>
							<th>接诊医生</th>
							<th>金额<span>(元)</span></th>
							<th>订单生成时间</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
						<tr>
							<td>张丽</td>
							<td>李毅</td>
							<td>100.00</td>
							<td>2015-07-09 12:12:14</td>
						</tr>
					</tbody>
				</table>
				<ul class="pagination">
  					<li><a href="#">&laquo;</a></li>
  					<li class="active"><a href="#">1</a></li>
  					<li class="disabled"><a href="#">2</a></li>
  					<li><a href="#">3</a></li>
  					<li><a href="#">4</a></li>
  					<li><a href="#">5</a></li>
  					<li><a href="#">&raquo;</a></li>
				</ul>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.pagination li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
		});
	});
	
	function tab(pid) {
	var tabs = ["tab0", "tab1"];
	for (var i = 0; i < 5; i++) {
		if (tabs[i] == pid) {
			document.getElementById("nav" + i).className = "tabCurrent";
			document.getElementById(tabs[i]).style.display = "block";
		} else {
			document.getElementById("nav" + i).className = "";
			document.getElementById(tabs[i]).style.display = "none";
		}
	}
}
</script>